import VueRouter from 'vue-router'
import Vue from 'vue'
import App from './App.vue'
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
import passport from "./pages/passport/passport";
import login from "./pages/passport/login";
import register from "./pages/passport/register";
Vue.config.productionTip = false;

// 0. 如果使用模块化机制编程，导入Vue和VueRouter，要调用 Vue.use(VueRouter)

const routes = [
  { path: '/passport',  component: passport,
    children: [{
      // 当 /user/:id/profile 匹配成功，
      // UserProfile 会被渲染在 User 的 <router-view> 中
      path: '',
      redirect: '/passport/login'
    },
      {
        // 当 /user/:id/profile 匹配成功，
        // UserProfile 会被渲染在 User 的 <router-view> 中
        path: '/passport/login',
        component: login
      },
      {
        // 当 /user/:id/posts 匹配成功
        // UserPosts 会被渲染在 User 的 <router-view> 中
        path: '/passport/register',
        component: register
      }
    ]},
  { path: '', redirect: '/passport'},
  { path: '/', redirect: '/passport'},
  {  path: '*', redirect: '/passport'},
]

// 3. 创建 router 实例，然后传 `routes` 配置
// 你还可以传别的配置参数, 不过先这么简单着吧。
const router = new VueRouter({
  routes // (缩写) 相当于 routes: routes
})

Vue.use(Antd);
Vue.use(VueRouter);

new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App }
})
